<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body{margin: 0; padding: 0;}
		div {width:200px; height:200px; background-color: #45dfff;margin: 10px;overflow: hidden;}

		/* 加和不加overflow的区别很大 */
		/* 加了overflow，div就不受自己子级p的margin的影响，相当于div加了定位的效果 */
		
		p {width: 100px; height: 100px; margin: 60px; background-color: red;}
	</style>
</head>
<body>
	<div>
		<p></p>
	</div>
</body>
</html>